.voucher-center {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: #f1f1f1;
  box-sizing: border-box;

  .coupon-card {
    background-color: #fff;
    border-radius: 20rpx;
    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 20rpx;
    margin: 40rpx 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .coupon-info {
      display: flex;
      flex-direction: column;

      .coupon-title {
        font-size: 28rpx;
        font-weight: bold;
        color: #333;
      }

      .coupon-desc {
        font-size: 24rpx;
        color: #888;
        margin-top: 10rpx;
      }
    }

    .iconfont {
      font-size: 50rpx;
      color: #e64a19;
    }
  }

  .price-list {
    padding: 20rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    .price-item {
      margin-top: 20rpx;
      width: 30%;
      height: 100rpx;
      background-color: #f1f1f1;
      color: #000000;
      font-size: 36rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2rpx solid #f1f1f1;
    }

    .select {
      border: 2rpx solid #409eff;
    }
  }

  .balance {
    padding: 50rpx;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .balance-title {
      font-size: 30rpx;
      font-weight: 500;
    }

    .balance-num {
      font-size: 50rpx;
      font-weight: 600;
      color: coral;
      margin: 30rpx;
    }

    .balance-recharge {
      width: 200rpx;
      padding: 20rpx;
      text-align: center;
      background-color: coral;
      color: #fff;
    }
  }

  .recharge-list {
    margin-top: 20rpx;

    .cumulative {
      margin: auto;
      width: 60%;
      color: #808080;
      padding: 20rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 24rpx;
    }

    .list {
      padding: 20rpx;
      background-color: #fff;

      .list-item {
        padding: 20rpx 0;
        border-bottom: 2rpx solid #f1f1f1;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .item-left {
          .title {
            font-size: 30rpx;
          }

          .time {
            color: #808080;
            font-size: 28rpx;
            margin-top: 20rpx;
          }
        }

        .item-right {
          font-size: 30rpx;
          color: #e60e0e;
        }
      }

      .list-item:last-child {
        border: none;
      }
    }
  }
}
